/*
* set color
*/
.set-color(@key, @value) {
  .@{key}{
    background-color: @value;
    border-color: @value;
  }

  .@{key}--text{
    color: @value;
    caret-color: @value;
  }
}

.set-color(@key, @value, @deep){
  .@{key}.@{deep}{
    background-color: @value;
    border-color: @value;
  }

  .@{key}--text.text--@{deep}{
    color: @value;
    caret-color: @value;
  }
}

/*
  .set-var-color('primary', #fff);

  .primary{
    background-color: #fff;
    background-color: var(--theme-primary, #fff);
    border-color: #fff;
    border-color: var(--theme-primary, #fff);
  }

  .primary--text{
    color: #fff;
    color: var(--theme-primary, #fff);
    caret-color: #fff;
    caret-color: var(--theme-primary, #fff);
  }
*/
.set-var-color(@key,@value,@prefix:'theme-'){
  .@{key}{
    background-color: var(e('--@{prefix}@{key}'), @value);
    border-color: var(e('--@{prefix}@{key}'), @value);
  }

  .@{key}--text{
    color: var(e('--@{prefix}@{key}'), @value);
    caret-color: var(e('--@{prefix}@{key}'), @value);
  }
}
